学术｜数据可视化中的情感设计

认知心理学 及设计学专家 Donald Norman 教授，在他的著作《情感化设计》一书中曾经指出：“ [情感设计是指] 设计师通过设计手法，对产品的颜色、材质、外观、点、线、面等元素进行整合，使产品可以通过声音、形态、喻意、外观形象等各方面影响人的听觉、视觉、触觉从而产生联想，达到人与物的心灵沟通从而产生共鸣的表达方式”。那这样的情感共鸣是否能够通过数据可视化，从视觉通道上传达给读者呢？

Don Norman and his theory on emotional design (https://www.youtube.com/watch?v=G7MeRkDkRN4)

无疑，这是一个有趣的问题，因为在不同的场景下，数字是有带有感情的！例如，每当看到因为新冠肺炎而不幸去世的新增人口数据时，我们难免会黯然神伤，而看到不断增长的奥运金牌，无不欢欣鼓舞。不难看出情感是叙事过程中不可缺少的重要信息，这也是数据可视化图表相比于文字表达所缺少的最重要的信息，是现有可视化设计与技术当中缺失的重要环节。因此，如何让数据可视化图表具有更加丰富的情感表达能力，是一个有趣而又关键的设计问题。

当我们翻开可视化领域的文献时，发现这方面的研究简直是凤毛菱角，最相关的文献来自于 ACM CHI 2017 上所发表的一篇论文《Affective Color in Visualization》。作者通过研究可视化色彩与情感之间的关联，给出了八种在可视化当中，能够通过控制色彩而较为准确表达的情感（如下图所示）：

但问题随之而来，Don Norman 所说的除了颜色以外可以用来表达情感的 材质、外观、点、线、面等设计元素，以及其他的设计元素，是否也能够用来设计具有情感表达能力的可视化呢 ？为了回答该问题，iDVX 实验室的师生们针对可视化情感设计进行了有趣的探索。通过控制图表中视觉元素 的 “形状” 及 “运动” ，他们成功的创造出了一组具有丰富情感表达能力的可视化图表，受控用户实验显示，该设计方案能够有效的表达五种 数据故事中常用的正面情感：“Joy”、 “Amusment”、 “Surprise”、 “Tenderness”、 “Excitement”。该工作最近被 IEEE VIS 2021 接收*，至此揭开了可视化情感设计研究的新篇章，设计效果请参考下列短视频：

现在，读者可以直接访问 https://kineticharts.idvxlab.com/ 或 扫描下方二维码，查阅相关设计信息，及情感图表的应用示例：

网站二维码

* Xingyu Lan, Yang Shi, Yanqiu Wu, Xiaohan Jiao, Nan Cao Kineticharts: Augmenting Affective Expressiveness of Charts in Data Stories with Animation Design IEEE Transactions on Visualization and Computer Graphics (IEEE Vis 2021)

---

关注实验室公众号，了解更多招生、教学及科研动态

欢迎关注实验室 B站 账号